/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/
#container{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.content{width:100%;height:auto;position:relative;margin:0px;padding:0px;overflow: hidden;overflow-y:auto;}

img.bgpic{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.contentDiv{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.row{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.bgdiv{width:100%;height:auto;position:relative;margin:0;padding:0;background:#4f70e3;overflow: hidden;}

.baozhu1{display:block;width:0.8rem;height:2.41rem;position:absolute;top:7.83rem;left:1.5rem;transform:scale(0.5);transform-origin: center top;}
.baozhu2{display:block;width:0.77rem;height:1.78rem;position:absolute;top:7.83rem;left:1.5rem;transform:scale(0.5);transform-origin: center top;}

.yanhua1{display:block;width:2.81rem;height:2.77rem;position:absolute;top:2.5rem;left:0.5rem;transform-origin: center center;transform:scale(0.1);opacity:0;}
.yanhua2{display:block;width:1.83rem;height:1.73rem;position:absolute;top:3.5rem;right:0.5rem;transform-origin: center center;transform:scale(0.1);opacity:0;}
.yanhua3{display:block;width:1.83rem;height:1.73rem;position:absolute;top:5.5rem;left:0.5rem;transform-origin: center center;transform:scale(0.1);opacity:0;}

.yun1{display:block;width:3.81rem;height:auto;position:absolute;top:0.2rem;left:20%;transform:translate3d(0,0,0);}
.yun1-1{display:block;width:3rem;height:auto;position:absolute;top:2.5rem;left:80%;transform:translate3d(0,0,0);}
.yunanim1{
animation:yunanim1 50s linear infinite;
}
@keyframes yunanim1 {
	0%{transform:translate3d(0,0,0);}
	50%{ transform:translate3d(-100%,0,0);}
	100%{ transform:translate3d(0,0,0);}
	
}
.yunanim11{
animation:yunanim11 60s linear infinite;
}
@keyframes yunanim11 {
	0%{transform:translate3d(0,0,0);}
	50%{ transform:translate3d(-100%,0,0); }
	100%{ transform:translate3d(0,0,0);}
	
}

/*水世界*/
.shuishijiebox{width:3.94rem;height:7.38rem;position:absolute;top:2.83rem;right:0;z-index:1;}
img.item-img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;}
img.btn-shui{display:block;width:2.72rem;height:0.75rem;position:absolute;top:5.3rem;right:0;}
img.itembtn-shui{display:block;width:1.69rem;height:0.65rem;position:absolute;bottom:0.5rem;right:0.4rem;}

/*功夫熊猫*/
.xiongmaobox{width:4.03rem;height:7.74rem;position:absolute;top:4.53rem;left:0;z-index:3;}
img.itembtn-xm{display:block;width:1.69rem;height:0.65rem;position:absolute;bottom:0.4rem;left:0.6rem;}
.ssjquan{display:block;width:2.98rem;height:2.06rem;position:absolute;top:3rem;right:0;
transform:translate3d(100%,-50%,0)
}
.laoshu{display:block;width:1.47rem;height:2.37rem;position:absolute;bottom:0;right:0.2rem;
transform: translate3d(0,0,0);
}
.laoshuanim{
animation:laoshuanim 3s linear;
animation-fill-mode: forwards; 
}
@keyframes laoshuanim {
	0%{transform: translate3d(0,0%,0);}
	25%{transform: translate3d(0,-25%,0);}
	50%{transform: translate3d(0,0%,0);}
	75%{transform: translate3d(0,-25%,0);}
	100%{transform: translate3d(0,0%,0);}
	
}


/*哈利波特*/
.halibtbox{width:4.69rem;height:5.42rem;position:absolute;top:9.93rem;right:0;z-index:2;}
img.itembtn-hlbt{display:block;width:1.69rem;height:0.65rem;position:absolute;bottom:0.3rem;left:2.5rem;}
.maotouyin{display:block;width:3.81rem;height:1.92rem;position:absolute;top:2.2rem;left:0;
transform-origin: center center;
transform: scale(0.3);
opacity:0.3;
}
.yunhlbt{display:block;width:2.55rem;height:auto;position:absolute;top:0.5rem;left:60%;transform:translate3d(0,0,0);}
.yunanimhlbt{
animation:yunanimhlbt 10s linear infinite;
}
@keyframes yunanimhlbt {
	0%{transform:translate3d(0,0,0);opacity:0.5}
	50%{ transform:translate3d(-15%,0,0); opacity:1;}
	100%{ transform:translate3d(0,0,0);opacity:0.5;}
	
}
/*变形金刚*/
.bxjgbox{width:4.08rem;height:5.90rem;position:absolute;top:13.53rem;left:0;z-index:7;}
img.btn-bxjg{display:block;width:2.86rem;height:0.63rem;position:absolute;top:4.3rem;left:0.2rem;}
img.itembtn-bxjg{display:block;width:1.69rem;height:0.65rem;position:absolute;top:5rem;left:0.7rem;}
.bxjganimpic{display:block;width:3.78rem;height:auto;position:absolute;top:0.7rem;left:0;transform:translate3d(-100%,0,0);}

.yunbxjg{display:block;width:3.81rem;height:auto;position:absolute;top:0rem;left:0;transform:translate3d(-60%,0,0) scale(1);}
.yunanimbxjg{
animation:yunanimbxjg 5s linear infinite;
}
@keyframes yunanimbxjg {
	0%{transform:translate3d(-60%,0,0) scale(1);opacity:0.5}
	50%{ transform:translate3d(-60%,-15%,0) scale(1); opacity:1;}
	100%{ transform:translate3d(-60%,0,0) scale(1);opacity:0.5;}
	
}


/*侏罗纪*/
.zhuljbox{width:3.97rem;height:5.95rem;position:absolute;top:16.63rem;right:0;z-index:6;}
img.itembtn-zlj{display:block;width:1.69rem;height:0.65rem;position:absolute;top:5rem;left:1.7rem;}
img.carlight{display:none;}
/*好莱坞*/
.haolwbox{width:4.09rem;height:6.90rem;position:absolute;top:19.53rem;left:0;z-index:6;}
img.itembtn-hlw{display:block;width:1.69rem;height:0.65rem;position:absolute;top:4.9rem;left:1.7rem;}
.hlwname{display:block;width:2.41rem;height:auto;position:absolute;top:2.9rem;left:0.3rem;}
.hlwname2{display:none;}
.hlwdpkey{ animation:hlwdpkeys 1s infinite; 
}
@keyframes hlwdpkeys {
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
	
}

.yunhlw{display:block;width:3.81rem;height:auto;position:absolute;bottom:0rem;left:0;transform:translate3d(-60%,0,0) scale(1);}
.yunanimhlw{
animation:yunanimhlw 50s linear infinite;
}
@keyframes yunanimhlw {
	0%{transform:translate3d(-60%,0,0) scale(1);opacity:0.5}
	50%{ transform:translate3d(0,0,0) scale(1); opacity:1;}
	100%{ transform:translate3d(-60%,0,0) scale(1);opacity:0.5;}
	
}

/*小黄人*/
.xiaohrbox{width:5.26rem;height:7.84rem;position:absolute;top:23.13rem;right:0;z-index:4;}
img.itembtn-xhr{display:block;width:1.69rem;height:0.65rem;position:absolute;top:5.8rem;left:3.1rem;}
.xhrpicanim{display:block;width:4.57rem;height:auto;position:absolute;top:2rem;right:0;transform:translate3d(30%,-10%,0);}
.xhranimkey{ animation:xhranimkey 1s linear; 
animation-fill-mode: forwards; 
}
@keyframes xhranimkey {
	0%{transform:translate3d(30%,-10%,0);}
	50%{transform:translate3d(0,-10%,0);}
	100%{transform:translate3d(0,0,0);}
	
}

.yunxhr{display:block;width:3.81rem;height:auto;position:absolute;top:0.6rem;right:0;transform:translate3d(60%,0,0) scale(1);transform-origin: center center;}
.yunanimxhr{
animation:yunanimxhr 20s linear infinite;
}
@keyframes yunanimxhr {
	0%{transform:translate3d(60%,0,0) scale(1);opacity:1}
	50%{ transform:translate3d(80%,0,0) scale(1); opacity:1;}
	100%{ transform:translate3d(60%,0,0) scale(1);opacity:1;}
	
}

/*规则*/
.rulebox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0,0,0.6);}
.preventbg{width:100%;height:100%;position:absolute;top:0;left:0;}
.ruleconbox{width:5.81rem;height:auto;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate3d(-50% , -55% , 0)}
.rulepic{width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.5rem;}
.closefbtn{width:0.5rem;height:0.5rem;background:url(../images/common/close3.png) center center;background-size:100% 100%;}
.closerule{position:relative;margin:0 auto;padding:0;}
.rulescrollbox{width:5.1rem;height:6.6rem;position:absolute;top:1.4rem;left:0.4rem;overflow:hidden;}
.inrulescrobox{width:100%;height:auto;position:relative;margin:0;padding:0;}
.ruletxtpic{width:100%;height:auto;margin:0;padding:0;}
.rulebtn{display:block;width:1.71rem;height:auto;position:fixed;top:2.8rem;right:0;z-index:9;}

/*印章弹出*/
.flootBox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.8);}
.flootItembox{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translate3d(0,-50%,0);overflow:hidden;}
.flootCon{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;transform-origin: center center;transform:scale(0.5); opacity:0;}
.flootConIn{width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.5rem;overflow:hidden;}
img.flootImgbg{width:100%;height:auto;position:relative;margin:0;padding:0;}
.flootItemimgbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
img.flootItemimg{display:none;width:100%;height:auto;position:absolute;top:0;left:0;}
.closeflotbox{width:100%;height:100%;position:absolute;top:0;left:0;}
.closeFloot{display:block;width:0.7rem;height:0.7rem;position:absolute;top:0.2rem;right:0.2rem;margin:0 auto;padding:0;background:url(../images/common/close2.png) center center;background-size:100% 100%;overflow:hidden;}
/* .closeFloot{display:block;width:0.8rem;height:0.8rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/common/close.png) center center;background-size:100% 100%;}
border:1px solid #ffffff;border-radius:50%; */

/* 定位提示弹出浮层 */
.dwfloottsbox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.8);}
.dwhzflootconbox{width:100%;height:auto;position:absolute;top:50%;left:0%;overflow:hidden;transform:translate3d(0,-50%,0);}
img.dwlightbg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.dwhzpicbox{width:5.64rem;height:auto;position:absolute;top:1.3rem;left:0.93rem;overflow:hidden;text-align:center;}
.dwhzitembox{width:100%;height:7.5rem;position:relative;margin:0;padding:0;overflow:hidden;margin-bottom:0.4rem;}
img.dwpicitem{display:none;width:100%;height:auto;position:relative;margin:0;padding:0;}
.closedwfloot{width:0.68rem;height:0.68rem;position:relative;margin: 0 auto;padding:0;background:url(../images/common/close3.png) center center;background-size:100% 100%;}
.dw-f-getbtn{width:3.6rem;height:1rem;position:absolute;left:1rem;bottom:0.5rem;}

#mapcon{width:5.25rem;height:5.7rem;position:absolute;top:0.16rem;left:0.2rem;background:#f2f1ed;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;overflow:hidden;}
#mapContainer{width:5.25rem;height:5.7rem;position:absolute;top:0;left:0;overflow:hidden;}
/*设置地图圆角*/
#mapContainer >div{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;overflow:hidden;}
#mapContainer canvas{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}
#mapcon .rotate-circle{display:none;}
#mapcon .tmap-zoom-control{display:none;}

.maploading{display:none;width:0.5rem;height:0.5rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}




/*抽奖弹出*/
.flootcjBox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.6);}
.flootcjItembox{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translate3d(0,-60%,0);overflow:hidden;}
.flootcjCon{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;transform-origin: center center;transform:scale(1); opacity:1;}
.flootcjConIn{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
img.flootcjImgbg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.flootcjItemimgbox{width:4.92rem;height:auto;position:absolute;top:2.5rem;left:1.29rem;overflow:hidden;}

.flootcjItemconbox{width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.4rem;}
img.flootcjItemimg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
img.choujiangbtn{display:block;width:3.10rem;height:0.93rem;position:absolute;bottom:0.6rem;left:0.9rem;}
.closecjbtn{position:relative;margin:0 auto;padding:0;}
#cj3box{display:none}
#cjallbox{display:block;}


/*中奖弹出*/
.flootzjBox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.6);}
.flootzjItembox{width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);overflow:hidden;}
.flootzjCon{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;transform-origin: center center;}
.flootzjConIn{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
img.flootzjImgbg{display:block;width:100%;height:auto;position:absolute;top:50%;left:0;transform:translate3d(0,-55%,0) scale(0.2);opacity:0;transform-origin: center center;}
.flootzjItemimgbox{width:4.92rem;height:auto;position:absolute;top:50%;left:1.29rem;overflow:hidden;transform:translate3d(0,-50%,0);}

.flootzjItemconbox{width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.4rem;}
img.flootzjItemimg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
img.choujiangbtn{display:block;width:3.10rem;height:0.93rem;position:absolute;bottom:0.6rem;left:0.9rem;}
.closezjbtn{position:relative;margin:0 auto;padding:0;}


#zjybox{display:block}
#zjnbox{display:none;}

/*隐藏熊猫打卡抽奖*/
.flootcjxmBox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.6);}
.flootcjxmItembox{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translate3d(0,-60%,0);overflow:hidden;}
.flootcjxmCon{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;transform-origin: center center;transform:scale(1); opacity:1;}
.closecjxmbtn{position:relative;margin:0 auto;padding:0;}

/*幸运小黄人抽奖*/
.flootcjxhrBox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:30;background:rgba(0,0,0,0.6);transform-origin: center center;transform:scale(1) ; opacity:1;}
.flootcjxhrItembox{width:100%;height:auto;position:absolute;top:50%;left:0;overflow:hidden;transform:translate3d(0,-60%,0);}
.flootcjxhrCon{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.flootcjxhrConIn{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.closexyexhrbtn{position:relative;margin:0 auto;padding:0;}

.loadingbox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:50;background:rgba(0,0,0,0);}
img.loadingimg{width:40px;height:40px;position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);}

/*我的背包*/
.beibaobox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;background:rgba(0,0,0,0.6);overflow:hidden;}
.bbtxt{display:block;width:100%;height:auto;position:absolute;top:0.5rem;left:0;}
.beibaocon{width:100%;height:auto;position:absolute;top:50%;left:0;overflow:hidden;transform: translate3d(0,-60%,0);}
.beibaotop{width:100%;height:5.1rem;position:relative;margin:0 auto;padding:0;margin-bottom:0.4rem;}
.icon1{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;transform-origin: center center;transform: rotate(0deg);}
.icon1anim{ animation:icon1anim 0.5s linear; 
animation-fill-mode: forwards;
}
@keyframes icon1anim {
	10% { transform: rotate(-15deg);}
	20% {transform: rotate(10deg);}
	30% {transform: rotate(-5deg);}
	40% {transform: rotate(5deg); }
	50%,100% {transform: rotate(0deg);}
	
}
.icon2{display:block;width:2.59rem;height:2.98rem;position:absolute;top:0.9rem;;left:2.4rem;transform-origin: center center;transform: rotate(0deg);}
.icon2anim{ animation:icon2anim 0.5s linear; 
animation-fill-mode: forwards; 
}
@keyframes icon2anim {
	10% { transform: rotate(15deg);}
	20% {transform: rotate(-10deg);}
	30% {transform: rotate(5deg);}
	40% {transform: rotate(-5deg); }
	50%,100% {transform: rotate(0deg);}
	
}

.beibaocjbtnbox{display:block;width:2.2rem;height:0.66rem;position:absolute;left:2.6rem;bottom:0;}
.beibaocjbtn{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.beibaolistbox{width:6rem;height:5.87rem;position:relative;margin:0 auto;padding:0;background:url(../images/list-bg.png) center center;background-size:100% 100%;}

.jiangpinlistbox{width:80%;height:200px;position:absolute;top:1.4rem;left:10%;}
.jpListitem{display:block;width:100%;height:auto;position:relative;margin:0;padding:0.2rem 0 0.2rem 0;margin-bottom:0.22rem;}

/*兑换码页*/
.dhcodebox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;background:rgba(0,0,0,0.6);overflow:hidden;}
.dhmtxt{display:block;width:100%;height:auto;position:absolute;top:0.5rem;left:0;}
.dhmcon{width:100%;height:auto;position:absolute;top:50%;left:0;overflow:hidden;transform: translate3d(0,-55%,0);}
.dhmtop{width:6.6rem;height:8.48rem;position:relative;margin:0 auto;padding:0;margin-bottom:0.4rem;}
.dh-code{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.closedhcodebtn{position:relative;margin:0 auto;padding:0;}


/*次数用完*/
.chywbox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;background:rgba(0,0,0,0.6);overflow:hidden;}
.chywtxt{display:block;width:100%;height:auto;position:absolute;top:0.5rem;left:0;}
.chywcon{width:100%;height:auto;position:absolute;top:50%;left:0;overflow:hidden;transform: translate3d(0,-55%,0);}
.chywtop{width:4.94rem;height:4.1rem;position:relative;margin:0 auto;padding:0;margin-bottom:0.4rem;}
.chywpic{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.closechywbtn{position:relative;margin:0 auto;padding:0;}


/* 优惠券二维码页 */
.dhqrcodebox{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:20;background:rgba(0,0,0,0.6);overflow:hidden;}
.qrcodelight{width:100%;height:auto;position:relative;margin:0;padding:0;}
.dhqrcodetxt{display:block;width:100%;height:auto;position:absolute;top:0.5rem;left:0;}
.dhqrcodecon{width:100%;height:auto;position:absolute;top:50%;left:0;overflow:hidden;transform: translate3d(0,-55%,0);}
.dhqrcodetop{width:5.58rem;height:6.05rem;position:absolute;top:2rem;left:0.96rem;margin-bottom:0.4rem;}
.dh-code{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.closedhqrcodebtn{position:absolute;top:8.4rem;left:3.5rem;}

/* 底部按钮 */
.bottomBox{width:100%;height:2rem;position:fixed;top:100%;left:0;z-index:29;background:url(../images/bottombg.png) center center;background-size:100% 100%;}
.btnhuizhang{display:block;width:2.77rem;height:1.42rem;position:absolute;top:0rem;left:0.5rem;}
.btnbeibao{display:block;width:2.77rem;height:1.42rem;position:absolute;top:0rem;right:0.5rem;}
.btnbeibaopic{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.tips{display:none;width:20px;height:22px;position:absolute;top:-6px;right:-6px;background:url(../images/tips.png) center center;background-size:100% 100%;font-size:12px;text-align:center;color:#ffffff;line-height:20px;}

.musicbtnbox{width:0.7rem;height:0.7rem;position:fixed;top:0.4rem;right:0.4rem;border-radius:50%;overflow:hidden;z-index:9;}
.bgmbtn{display:none;width:100%;height:100%;position:absolute;top:0;left:0;}

.rotateanim{animation:rotateanim 12s linear 1s infinite;}

#mapbox{width:1px;height:1px;position:absolute;top:100%;left:100%;display:none;}

.onoffPoint{width:40px;height:40px;position:fixed;top:100px;right:0.4rem;background:rgba(0,0,0,0.5);font-size:14px;color:#ffffff;text-align:center;line-height:16px;z-index:20;border-radius:5px;padding:5px;}

.latlngbox{display:none;width:100%;height:auto;position:fixed;top:0;left:0;font-size:14px;color:#ffffff;z-index:200;}

@keyframes rotateanim {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}




@media screen and (max-height:850px){
	
}











 


